<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>环保</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <style>
        /* CSS样式可以在这里添加 */
        /* 例如：设置背景颜色、字体样式、边距等等 */
        body {
            background-color: #f2f2f2;
            font-family: Arial, sans-serif;
        }

        h1 {
            text-align: center;
            color: #333;
        }

        .tab-container {
            width: 100%;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 5px;
        }

        .tab {
            padding: 10px;
            border-bottom: 1px solid #ccc;
            cursor: pointer;
        }

        .tab:last-child {
            border-bottom: none;
        }

        .tab-content {
            display: none;
            padding: 20px;
        }
    </style>
</head>

<body>
    <div class="wrapper">
        <p></p>
        <div class="nav">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="juese.html">栏目</a></li>
                <li><a href="jianjie.html">文章</a></li>
                <li><a href="zhizuo.html">列表</a></li>

            </ul>
        </div>

        <div class="banner">
            <center class="center3">
                <img src="images/banner1.jpg">
            </center>
        </div>

        <div class="tab-container">
            <div class="tab" id="tab1" onclick="showTab('tab1')">> 减少塑料污染，从日常生活开始</div>
            <div class="tab" id="tab2" onclick="showTab('tab2')">> 绿色出行，共建低碳未来</div>
            <div class="tab" id="tab3" onclick="showTab('tab3')">> 循环经济：资源再生利用的未来</div>
            <!-- 根据需要，您可以添加更多的选项卡 -->

            <div class="tab-content" id="tab1-content">
                <h2>减少塑料污染，从日常生活开始</h2>
                <hr>

                <h3 style="font-size: 20px;font-weight: normal; line-height: 35px; margin: 0 40px;">
                    　<img src="images/微信截图_20230528150410.png"
                        style="float:left; margin: 0 8px  8px 0; width: 500px">　文章介绍了塑料污染对环境和生物多样性的影响，提供了一些简单实用的方法，如减少使用一次性塑料制品、选择可回收材料和参与塑料回收计划等，帮助读者从日常生活中减少塑料污染。本文探讨了传统交通方式对环境产生的负面影响，并介绍了绿色出行的概念和方法，如步行、骑自行车、使用公共交通工具和推广电动汽车等。通过转变出行方式，我们可以减少碳排放、改善空气质量，共同建设低碳未来。
                    循环经济的概念和原理，强调了资源再生利用的重要性。通过减少浪费、提高资源利用率和推广可持续生产和消费模式，循环经济可以减少对有限资源的依赖，降低环境压力，并促进经济可持续发展。
                    <br>
                    <img src="images/微信截图_20230528150427.png" style="float:right;width: 480px; height: 340px;">　　环保中的“李焕英”也是现实生活里无数母亲的缩影，她们同样平凡而伟大，给予我们温暖和力量。11年前“春运母亲”的照片感动亿万国人，照片中的这位母亲肩背比人还高的巨大行囊，一手拎着破旧双肩包，一手抱着襁褓中熟睡的孩子，眼神刚毅坚定地望着前方……而11年后记者找到她采访时，她说自己当初之所以做出外出务工的决定，正是为了手中嗷嗷待哺的孩子。“就是希望孩子能过上好日子，不要跟自己一样，永远走不出这座大山。”此外，还有“暴走妈妈”陈玉蓉，为给儿子捐献适合移植的肝脏，每天暴走10公里，让自己的脂肪肝消失；“警察妈妈”蒋晓娟在汶川大地震发生后，敞开警服为受灾婴儿喂奶；“最美妈妈”吴菊萍奋不顾身地用双手接住从10楼坠落的女童，手臂被撞成粉碎性骨折……作为母亲，她们有为母则刚的坚强勇敢，有不求回报的无私奉献，也有无微不至的关怀操劳。<br>
                    　　每个妈妈都了不起。爱在当下，莫子欲养而亲不待。从现在开始，珍惜妈妈在身边的每一天，像她爱我们那样更爱她，力所能及地陪伴她、体恤她、理解她；同时，也更好地生活，勇往直前、阳光向上、健康开心，让妈妈遂心、放心。
                    （中央纪委国家监委网站）
                </h3>
                <center>
                    <img src="images/微信截图_20230528150754.png" style="width: 60%; height: 260px">
                    <img src="images/微信截图_20230528150931.png" style="width: 30%; height: 260px; margin-left:40px; margin: 8px;">
                </center>
            </div>
            <div class="tab-content" id="tab2-content">
                <h2>绿色出行，共建低碳未来</h2>
                <hr>

                <h3 style="font-size: 12px;font-weight: normal; line-height: 35px; margin: 0 40px;">
                    　<img src="images/微信截图_20230528151123.png" style="float:left; margin: 0 8px  8px 0; width: 500px">
                        　文章介绍了塑料污染对环境和生物多样性的影响，提供了一些简单实用的方法，如减少使用一次性塑料制品、选择可回收材料和参与塑料回收计划等，帮助读者从日常生活中减少塑料污染。本文探讨了传统交通方式对环境产生的负面影响，并介绍了绿色出行的概念和方法，如步行、骑自行车、使用公共交通工具和推广电动汽车等。通过转变出行方式，我们可以减少碳排放、改善空气质量，共同建设低碳未来。
                    循环经济的概念和原理，强调了资源再生利用的重要性。通过减少浪费、提高资源利用率和推广可持续生产和消费模式，循环经济可以减少对有限资源的依赖，降低环境压力，并促进经济可持续发展。
                    <br>
                    <img src="images/微信截图_20230528151136.png" style="float:right;width: 480px; height: 340px;">
                    　文章介绍了塑料污染对环境和生物多样性的影响，提供了一些简单实用的方法，如减少使用一次性塑料制品、选择可回收材料和参与塑料回收计划等，帮助读者从日常生活中减少塑料污染。本文探讨了传统交通方式对环境产生的负面影响，并介绍了绿色出行的概念和方法，如步行、骑自行车、使用公共交通工具和推广电动汽车等。通过转变出行方式，我们可以减少碳排放、改善空气质量，共同建设低碳未来。
                    循环经济的概念和原理，强调了资源再生利用的重要性。通过减少浪费、提高资源利用率和推广可持续生产和消费模式，循环经济可以减少对有限资源的依赖，降低环境压力，并促进经济可持续发展。
                </h3>
                <center>
                    <img src="images/微信截图_20230528150754.png" style="width: 60%; height: 260px">
                    <img src="images/微信截图_20230528150931.png" style="width: 30%; height: 260px; margin-left:40px; margin: 8px;">
                </center>
            </div>
            <div class="tab-content" id="tab3-content">
                <h2>循环经济：资源再生利用的未来</h2>
                <hr>

                <h3 style="font-size: 12px;font-weight: normal; line-height: 35px; margin: 0 40px;">
                    　<img src="images/微信截图_20230528151231.png" style="float:left; margin: 8px;">　文章介绍了塑料污染对环境和生物多样性的影响，提供了一些简单实用的方法，如减少使用一次性塑料制品、选择可回收材料和参与塑料回收计划等，帮助读者从日常生活中减少塑料污染。本文探讨了传统交通方式对环境产生的负面影响，并介绍了绿色出行的概念和方法，如步行、骑自行车、使用公共交通工具和推广电动汽车等。通过转变出行方式，我们可以减少碳排放、改善空气质量，共同建设低碳未来。
                    循环经济的概念和原理，强调了资源再生利用的重要性。通过减少浪费、提高资源利用率和推广可持续生产和消费模式，循环经济可以减少对有限资源的依赖，降低环境压力，并促进经济可持续发展。
                    <br>
                    <img src="images/微信截图_20230528151249.png"style="float:right;">　　文章介绍了塑料污染对环境和生物多样性的影响，提供了一些简单实用的方法，如减少使用一次性塑料制品、选择可回收材料和参与塑料回收计划等，帮助读者从日常生活中减少塑料污染。本文探讨了传统交通方式对环境产生的负面影响，并介绍了绿色出行的概念和方法，如步行、骑自行车、使用公共交通工具和推广电动汽车等。通过转变出行方式，我们可以减少碳排放、改善空气质量，共同建设低碳未来。
                    循环经济的概念和原理，强调了资源再生利用的重要性。通过减少浪费、提高资源利用率和推广可持续生产和消费模式，循环经济可以减少对有限资源的依赖，降低环境压力，并促进经济可持续发展。
                </h3>
                <center>
                    <img src="images/微信截图_20230528151105.png" style="width: 60%; height: 260px">
                    <img src="images/微信截图_20230528150931.png" style="width: 30%; height: 260px; margin-left:40px; margin: 8px;">
                </center>
            </div>
        </div>

        <div class="clearit"></div>
        <div class="foot">
            <h2>环保　　欢迎你的到来</h2>
        </div>

    </div>
    <script>
        // JavaScript代码可以在这里添加
        // 例如：处理选项卡切换等逻辑
        function showTab(tabId) {
            var tabs = document.getElementsByClassName('tab');
            var tabContents = document.getElementsByClassName('tab-content');

            for (var i = 0; i < tabs.length; i++) {
                tabs[i].classList.remove('active');
                tabContents[i].style.display = 'none';
            }

            var selectedTab = document.getElementById(tabId);
            var selectedTabContent = document.getElementById(tabId + '-content');

            selectedTab.classList.add('active');
            selectedTabContent.style.display = 'block';
        }
        showTab('tab1')
    </script>

</body>

</html>